<template>
  <div>
  <h2>demo文件</h2>
  <ChildC :user="user">
    <!-- <template #footer>
      <div>
    123123
    <span>555</span>
      </div>
      <button>点击</button>
    </template> -->
    <!-- <div slot="header">123123</div> -->
    <!-- <h5 slot="main">main具名插槽</h5> -->
    <!-- <h4>默认插槽</h4> -->
    <template v-slot="scope">
          {{scope}}
    </template>
  </ChildC>
  <hr>
   <ChildCren></ChildCren>
  </div>
</template>

<script>
import ChildCren from './component/children.vue'
import ChildC from './component/child.vue'
export default {
  data () {
    return {
      user: {
        name: '张三',
        age: 18
      }
    }
  },
  components: {
    ChildC,
    ChildCren
  }
}
</script>

<style lang="scss" scoped>

</style>
